{template 'tpl_header'}

<div class="weui-tab-box" style="margin: 0;">
    <!-- 项目菜单 -->
    <ul class="weui-tab-box__tabs">
        <li id="1" class="weui-tab-box__current ">
            <a class="weui-cell_link" href="javascript:;">
                <div class="weui-tab-box__tabs__title">权益保障</div>
                <div class="weui-tab-box__tabs__line2"></div>
            </a>
        </li>
        <li id="2" class="">
            <a class="weui-cell_link" href="javascript:;">
                <div class="weui-tab-box__tabs__title">投保须知</div>
                <div class="weui-tab-box__tabs__line2"></div>
            </a>
        </li>
    </ul>
    <div id="weui-panel__bd1" class="weui-panel__bd">
        <div class="weui-detail-box weui-detail-box_appmsg">
            <div class="product-interpretation">
                {if !empty($insurance["security_desc"]['security']) }
                {loop $insurance["security_desc"]['security'] $security_desc}
                <div class="product-interpretation_detail">
                    <div class="product-interpretation_title">
                        {if !empty($security_desc["security_title"]) }
                        {$security_desc["security_title"]}
                        {/if}
                    </div>
                    <div class="product-interpretation_price">
                        {if !empty($security_desc["security_price"]) }
                        {$security_desc["security_price"]}
                        {/if}
                    </div>
                    <div class="clear"></div>
                    {if !empty($security_desc["security_desc"]) }
                    <p class="product-interpretation_desc">{$security_desc["security_desc"]}</p>
                    {/if}

                </div>
                {/loop}
                {else}
                <div class="weui-loadmore weui-loadmore_line">
                    <span class="weui-loadmore__tips">暂无数据</span>
                </div>
                {/if}
            </div>
        </div>
    </div>
    <div id="weui-panel__bd2" class="page__bd">
        <div class="weui-panel" style="margin-top: 0px;">
            {if !empty($insurance["notice_desc"]['title']) }
            <div class="weui-panel__hd">{$insurance["notice_desc"]['title']}</div>
            {/if}
            {if !empty($insurance["notice_desc"]['notice']) }

            <div class="weui-panel__bd">
                <div class="weui-media-box weui-media-box_text" style="font-size:14px;color:#333333;padding-bottom:0px;">
                    {loop $insurance["notice_desc"]['notice'] $notice}
                    <p>{$notice['notice_desc']}</p>
                    {/loop}
                </div>
            </div>
            {else}
            <div class="weui-loadmore weui-loadmore_line">
                <span class="weui-loadmore__tips">暂无数据</span>
            </div>
            {/if}
        </div>
    </div>
</div>
{template 'tpl_footer'}
<script>
    $("#weui-panel__bd2").hide();
    $(function () {
        $(".weui-tab-box__tabs li").click(function () {
            var $this = $(this);
            var id = $this.attr("id");
            $('.weui-tab-box__current').removeClass('weui-tab-box__current');
            $this.addClass('weui-tab-box__current');
            $('.weui-panel__bd').hide();
            $('.page__bd').hide();
            $('#weui-panel__bd' + id).show();
            if(id == 2){
                $('#weui-panel__bd' + id).find('.weui-panel__bd').show();
            }
        });
    });
</script>
